<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/family-dynamic.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/pasonnal-page.css">
    <title>家族动态</title>
</head>
<body>
<div id="familyDynamic" class="family-dynamic">
    <header>
        <a href="javascript:;" onclick="window.history.back()"><img src="${ctx}/static/h5/images/back.png" class="go-backk" alt=""/></a>
        <h4>家族动态</h4>
    </header>
    <section class="familyDynamic-contnet">
        <div><img src="${ctx}/static/h5/images/dashiji1.png" class="pasonnal-head" alt=""/></div>
        <p><span class="p-name">姓名</span></p>
    </section>
    <footer>
        <ul>
            <li class="container">
                <div class="row">
                    <div class="col-xs-6 share-time">
                        <div>
                            <span class="share-time-day">27</span><span class="share-time-mouth">3</span>月
                        </div>
                    </div>
                    <div class="col-xs-6 share-content">
                        <img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>
                        <span class="share-text">今天做了一件很有意义的事今天做了一件很有意义的事今天做了一件很有意义的事</span>
                    </div>
                </div>
                <div class="row share-method">
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                        <span class="dianzan-count">16</span>
                    </div>
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                        <span class="pinglun-count">6</span>
                    </div>
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/zhuanfa.png" alt=""/>
                        <span class="zhuanfa-count">6</span>
                    </div>
                </div>
            </li>
            <li class="container">
                <div class="row">
                    <div class="col-xs-6 share-time">
                        <div>
                            <span class="share-time-day">25</span><span class="share-time-mouth">3</span>月
                        </div>
                    </div>
                    <div class="col-xs-6 share-content">
                        <img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>
                        <span class="share-text">今天做了一件很有意义的事</span>
                    </div>
                </div>
                <div class="row share-method">
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                        <span class="dianzan-count">20</span>
                    </div>
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                        <span class="pinglun-count">7</span>
                    </div>
                    <div class="col-xs-4">
                        <img src="${ctx}/static/h5/images/zhuanfa.png" alt=""/>
                        <span class="zhuanfa-count">8</span>
                    </div>
                </div>
            </li>
        </ul>
    </footer>
</div>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
</html>